import Taro, { Component } from '@tarojs/taro'
import { View , Text , Image} from '@tarojs/components';
import { baseImgSrc } from '../../util/base_url';
import { AtRate , AtButton } from 'taro-ui'
import './confirmorder.scss';
export default class ConfirmOrder extends Component{
    constructor(){
        super(...arguments)
        this.state = {
            
        }
    }
    render(){
        return (
            <View className='confirmorder'>
                <View className='address'>
                    <View className='ot-item flex align-item-start space-between ot-first'>
                        <Image className='left' src={`${baseImgSrc}/address_fa.png`} />
                        <View className='right flex1'>河南省郑州市管城回族区紫金山路</View>
                    </View>
                    <View className='ot-item flex align-item-start space-between'>
                        <Image className='left' src={`${baseImgSrc}/address_dao.png`} />
                        <View className='right flex1'>河南省郑州市管城回族区紫金山路河南省郑州市管城回族区紫金山路</View>
                    </View>
                </View>
                <View className='info-card'>
                    <View className='time flex align-items flex-start'>
                        <Image className='time-pic' src={`${baseImgSrc}/index_time.png`} />
                        <Text className='time-txt flex1'>10月22日  12:00</Text>
                    </View>
                    <View className='beizhu flex align-items flex-start'>
                        <Text className='beizhu-txt'>备注：</Text>
                        <Text classNames='beizhu-dang'>手动挡</Text>
                    </View>
                </View>
                <View className='orderinfo'>
                    <View className='item flex align-items flex-start'>
                        <Text className='item-txt1'>订单编号：</Text>
                        <Text className='item-txt2'>2321313254</Text>
                    </View>
                    <View className='item flex align-items flex-start'>
                        <Text className='item-txt1'>下单时间：</Text>
                        <Text className='item-txt2'>2321313254</Text>
                    </View>
                    <View className='item last flex align-items flex-start'>
                        <Text className='item-txt1'>订单编号：</Text>
                        <Text className='item-txt2'>2321313254</Text> 
                    </View>
                </View>
                <View className='driver-card flex align-items space-between'>
                    <View className='left'>
                        <Image className='left-pic' src={`${baseImgSrc}/heading.png`} />
                    </View>
                    <View className='flex1 right flex flex-wrap align-content-around'>
                        <View className='name flex align-items flex-start'>
                            <Text className='name-txt'>小张师傅</Text>
                            <View className='yanzheng fn-ctr'>已通过人脸识别</View>
                        </View>
                        <AtRate value={3.5} size={15} />
                    </View>
                </View>
                <AtButton className='next-btn' type='primary' size='normal'>立即付款</AtButton>
            </View>
        )
    }
}